<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>『OPPO 帐号』-注册</title>
</head>
    <link rel="stylesheet" type="text/css" href="css/csstest2.css" >
    <script type="text/javascript" src="js/country.js" ></script>
    <script type="text/javascript" src="js/jquery-3.1.0.js"></script>
    <script type="text/javascript" src="js/register.js"></script>
     <script type="text/javascript" src="js/registerpan.js"></script>
<body>
       <div id="app">
          <div class="header">
                  <div class="head_title">
                     <img src="images/logo1.png">
                     <span class="header_separate"></span>
                     <span class="header_backName">帐号</span>
                  </div>
                  <div class="head_link">
                     <a href="https://www.oppo.com">OPPO 官网</a>
                     <a href="http://www.oppo.cn">OPPO 社区</a>
                     <a href="http://www.coloros.com">ColorOS</a>
                  </div>
          </div>
          <div class="box">
                   <div class="box_header">
                   <p>注册oppo员工账号</p>
                   </div>
                   <!--注册的主界面  -->
           <div class="box_content">
              <div class="box_register"> 
                  <form action="" method="post">
                    <div class="bo"> 
                             <div class="inputcountry">国家/地区</div> <input type="text" class="inputselet" id="get" autocomplete="off" disabled value="中国" />
                             <a ><img src="../images/shang.png" id="an"></a>
                    </div>
              <p class="region_tip">成功注册帐号后，国家/地区将不可更改</p>
              
                    <div class="input_zone">
                         <input id="phoneemail" name="phone" type="text" autocomplete="off" placeholder="请输入手机号码或邮箱" value="">
                    </div>
                    <div class="input_code">
                         <input name="autocom" id="autocom" autocomplete="off" type="text" placeholder="请输入验证码" value="">
                         <div class="inputcode" id="inputcode" >获取验证码</div>
                         <div class="input_error_tip"></div>
                        <input id="authcode" name="authcode" type="hidden" autocomplete="off"  value="">
                    </div>
                    <div class="passwordIcon">
                    <input id="password1" name="password" autocomplete="off" type="password" placeholder="请输入密码" value="">
                    <i></i>
                    <div class="input_error_tip"></div>
                    </div>
                    <p class="region_tip">密码由6-16位数字、字母或符号组成、至少包含两种字符</p>
                    <div class="passwordIcon">
                    <input id="password2" autocomplete="off" type="password" placeholder="请再次输入密码" value="">
                    <i></i>
                    <div class="input_error_tip"></div>
                    </div>
                   </form>
                    <div class="agreements">
                    <i class="agreements_checkbox " id="agreements_checkboxs"></i>
                    <p class="agreements_info">
                                        已阅读并同意 
                     <a target="_blank" href="https://muc.oppomobile.com/document/340/register_simple.html">《OPPO 帐号使用协议》</a>
                    </p></div>
                     <div>
                     <button id="submitzc" class="primary_btn" type="">立即注册</button>
                     </div>
               </div>
               
              <!--单击列表框显示下拉列表  -->
                
              <div class="zone_dlg" tabindex="0" id="zone_dlg">
                         <div class="zone_search" id="ll">
                         <input type="text" autocomplete="off" class="zone_dlg_search" placeholder="搜索国家和地区">
                         
              </div>
                   
           </div>
         
         </div>
        <div class="footer">
                     <p class="footerlanguages">
                       <span class="footercurent">简体中文</span>
                       <em class="footer_divider"></em>
                       <span>english</span>
                     </p>
                     <p>
                       <span>© 2005 - 2019 OPPO 版权所有 粤ICP备14056724号-2</span>
                       <span>联系方式：4001-666-888</span>
                     </p>
       </div>
         
    </div>
</body>
</html>